﻿@using Resources;
@{
    Layout = "~/Views/Shared/Layaout/general/_LayoutGeneral.cshtml";
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<center>
    <div class="tituloWhite8" style="width: 100%;text-align:right;">@ViewBag.TITULO</div>
<script type="text/javascript" language="javascript" src="@Url.Content(@properties.menuManteJS)" ></script>

<script type="text/javascript">
    $(function () {       
        setAutoAyudaGen("#nameItem", "#idItem", "/Auto/AutoAyuda/ListaMaeOpcionAuto");
    });
    function envia() {
        listarOpcion('1');
    }
</script>
    <table style="width: 100%;" border="0" cellpadding="2" cellspacing="0" class="tablaInterna1">
        <tbody>           
            <tr>
                <td align="center">
                    <table style="width: 800px;" border="0" cellpadding="0" cellspacing="0">
                        <tbody class="tituloCelesteB8">
                        <tr>
                            <td>Por Id</td>
                            <td>:&nbsp;</td>
                            <td>@Html.TextBox("idItem", null,new {@style="width:30px;", maxlength=4 })</td>                                                       
                            <td>
                                <input type="button" style="width:20px;" id="btnItemById" value="IR" onclick="javascript: listarOpcion('1');"/>                                        
                            </td>
                            <td style = "width: 20px;">&nbsp;</td>
                            <td style="width:95px;">Nombre Opción</td>
                            <td>:</td>
                            <td>@Html.TextBox("nameItem", null, new {style = "width: 400px;",maxlength="20", ondblclick="javascript:cleanBox(this);", onkeyup="javascript:this.value=this.value.toUpperCase();"})</td>
                            <td>
                                <input type="button" style="width:55px;" id="btnBuscar" value="Consultar" onclick="javascript: listarOpcion('2');"/>                                        
                            </td>
                            <td>
                                <input type="button" style="width:75px;" value="Nueva Opción" onclick="javascript: agregarOpcion();" />
                            </td>
                            <td><span  id="spanClic" onclick="javascript:listaCatalogo('1');"/></td>
                        </tr>
                    </tbody>
                    </table>
                </td>
            </tr>
        </tbody>
    </table>    
    <div id="detalle1" style="color:blue;"></div>
    <div id="detalle2" style="text-align:left;color:blue;"></div>
    <div id="detalle3" style="text-align:left;color:blue;"></div>           
</center>